<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>地理位置api</title>
</head>
<body>
<div style="width:400px;height:300px" id="showMap"></div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=820be3a865d918bede394d844358a9d5"></script>
<script type="text/javascript">
	
	if(navigator.geolocation)
	{
		// alert("支持");
		createMap(30,20);
		navigator.geolocation.getCurrentPosition(
			function(p){
				var latitude = p.coords.latitude;
				var longitude = p.coords.longitude;
				alert("latitude=="+latitude+";longitude=="+longitude);
			},function(e){
				alert("error=="+e.code+";message=="+e.message);
			}
		)

	}
	else
	{
		alert("不支持");
	}


	function createMap(a,b)
	{
		// var map = new BMap.Map("showMap");
		// var point = new BMap.Point(b,a);
		// map.centerAndZoom(point,20);
		// window.map = map;
		var map = new BMap.Map("showMap");    // 创建Map实例
		map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别
		map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
		map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
		map.enableScrollWheelZoom(true);
	}
</script>

	
</body>
</html>